import { lazyLoadView } from './routes';
import TemplateView from '../views/template';

export default {
  path: '/example',
  name: 'example',
  component: TemplateView,
  redirect: '/example/table',
  children: [
    // 表格
    {
      path: '/example/table',
      name: 'exampleTable',
      component: () => lazyLoadView(import('../views/example/table')),
      meta: {
        label: '表格列表',
        icon: '',
        breadcrumb: [{ label: '组件', path: '/example' }, { label: '表格列表', path: '' }],
      },
    },
    // 动态表单
    {
      path: '/example/custom-form',
      name: 'exampleCustomForm',
      component: () => lazyLoadView(import('../views/example/custom-form/custom-form')),
      meta: {
        label: '动态表单',
        icon: '',
        breadcrumb: [{ label: '组件', path: '/example' }, { label: '动态表单', path: '' }],
      },
    },
    {
      path: '/example/dynamic-modal',
      name: 'exampleDynamicModal',
      component: () => lazyLoadView(import('../views/example/dynamic-modal')),
      meta: {
        label: '动态弹框',
        icon: '',
        breadcrumb: [{ label: '组件', path: '/example' }, { label: '动态弹框', path: '' }],
      },
    },
    // 自定义表格内嵌表单
    {
      path: '/example/table-form',
      name: 'exampleTableForm',
      component: () => lazyLoadView(import('../views/example/table-form/table-form')),
      meta: {
        label: '表格表单',
        icon: '',
        breadcrumb: [{ label: '组件', path: '/example' }, { label: '表格表单', path: '' }],
      },
    },
    // 时间轴
    {
      path: '/example/timeline',
      name: 'exampleTimeline',
      component: () => lazyLoadView(import('../views/example/timeline-slider')),
      meta: {
        label: '时间轴',
        icon: '',
        breadcrumb: [{ label: '组件', path: '/example' }, { label: '时间轴', path: '' }],
      },
    },
    // 在线会商
    {
      path: '/example/im-chat',
      name: 'exampleImChat',
      component: () => lazyLoadView(import('../views/example/im-chat')),
      meta: {
        label: '在线会商',
        icon: '',
        breadcrumb: [{ label: '组件', path: '/example' }, { label: '在线会商', path: '' }],
      },
    },
    // 矩阵
    {
      path: '/example/matrix',
      name: 'exampleMatrix',
      component: () => lazyLoadView(import('../views/example/matrix')),
      meta: {
        label: '矩阵',
        icon: '',
        breadcrumb: [{ label: '组件', path: '/example' }, { label: '矩阵', path: '' }],
      },
    },
    {
      path: '/example/echarts-demo',
      name: 'exampleEchartsDemo',
      component: () => lazyLoadView(import('../views/example/echarts-demo.vue')),
      meta: {
        label: 'Echarts图表',
        icon: '',
        breadcrumb: [{ label: '组件', path: '/example' }, { label: 'Echarts图表', path: '' }],
      },
    },
  ],
  meta: {
    isAuth: true,
    label: '组件',
    icon: 'el-icon-s-grid',
    breadcrumb: [{ label: '组件', path: '/example' }],
  },
};
